<!doctype html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>个人主页</title>
        <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
        <link href="css/mui.min.css" rel="stylesheet" />
        <!--主要覆盖mui.css的px大小-->
        <link href="css/common.css" rel="stylesheet" />
        <!--控制 字体大小 rem iphone6下 以20px为准-->
        <script src="js/initsize.js"></script>
        <link rel="stylesheet" type="text/css" href="css/css.css"/>
    </head>
    <body class="personal">
        <div class="editdata">
            <ul class="table-view table-view1">
                <li class="table-view-cell">
                    <textarea class="table-view-cell-input remark_nickname" name="remark_nickname" placeholder="修改备注名称"></textarea>
                </li>
                <li class="table-view-cell"><a class="table-view-cell-a table-view-cell-cancel" >取消</a><a class="table-view-cell-a table-view-cell-affirm" >确定</a></li>
            </ul>
        </div>
        <header class="header">
            <a href="javascript:" class="back mui-action-back mui-icon mui-icon-left-nav"></a>
            <a href="javascript:" class="collection"></a>
        </header>
        <div class="img-look">
            <div class="img-look-box">
                <div id="vdo-loding"></div><video class="active" id="media" src="video/text.mp4"></video>
            </div>
        </div>
        <div class="mui-content">
            <div class="mui-scroll-wrapper">
                <div class="mui-scroll">
                    <!--这里放置真实显示的DOM内容-->
                     <div class="main">
                        <div id="slider" class="mui-slider" >
                            <div class="img-sub"></div>
                          <div class="mui-slider-group"></div>
                        </div>
                          <div class="content">
                              <div class="ins">
                                  <p class="name"></p>
                                  <p class="nameid"></p>
                                  <p class="lable">
                                      <i class="msg-year"><em class="woman"></em></i>
                                      <i class="msg-vip"></i>
                                      <i class="msg-renzheng"></i>
                                  </p>
                                  <p><span class="height">身高 <em></em></span><span class="weight">体重  <em></em></span></p>
                                  <p><span class="fans">粉丝 <em></em></span></p>
                                  <a href="javascript:" class="complain"></a>
                              </div>
                          </div><div class="content">
                              <p class="con-title">备注</p>
                              <input type="text" class="con-autograph" id="" name="remark" value="" placeholder="修改备注名称" readonly="readonly" />
                          </div>
                          <div class="content">
                              <p class="con-title">认证视频</p>
                              <div class="con-video"></div>
                          </div>
                          <div class="content">
                              <p class="con-title">语音签名</p>
                              <p class="con-voice">
                                  <!-- <img class="con-voice-img" src="images/voice.png"/><span class="voice-time">10</span>'' -->
                              </p>
                          </div>
                          <div class="content">
                              <p class="con-title">朋友圈</p>
                              <p class="con-friends">
                                <span class="friends-font">个人朋友圈</span></p>
                          </div>
                          <div class="content">
                              <p class="con-gift">收到的礼物 <a class="con-gift-a mui-icon mui-icon-arrowdown"></a></p>
                              <p class="con-gift-p con-h1">
                                  <span class="con-h1-left">礼物</span>
                                  <span class="con-h1-msg gift-list"></span>
                              </p>
                              <p class="con-gift-p con-h1">
                                  <span class="con-h1-left">碎片</span>
                                  <span class="con-h1-msg pieces-list"></span>
                              </p>
                          </div>
                          <div class="content myinfmsg">
                              <p class="con-title ovf">我的信息</p>
                              <p class="con-infs industry ovf"></p>
                              <p class="con-infs work_field ovf"></p>
                              <p class="con-infs company ovf"></p>
                              <p class="con-infs home ovf"></p>
                              <p class="con-infs place ovf"></p>
                          </div>
                          <div class="content">
                              <p class="con-title">我们的共同点</p>
                              <p class="con-lick">0个共同兴趣</p>
                              <p class="con-lick same-interest"></p>
                          </div>
                          <div class="content">
                              <p class="con-title">我的标签</p>
                              <p class="con-biaoqian"></p>
                          </div>
                          <div class="content contentlast">
                              <p class="con-title">我的兴趣</p>
                              <p class="con-xingqu con-xingqu-run"></p>
                              <p class="con-xingqu con-xingqu-music"></p>
                              <p class="con-xingqu con-xingqu-foot"></p>
                              <p class="con-xingqu con-xingqu-dianying"></p>
                              <p class="con-xingqu con-xingqu-book"></p>
                              <p class="con-xingqu con-xingqu-lvxing"></p>
                          </div>
                     </div>
                </div>
            </div>
            <footer class="footer">
                <a href="javascript:" class="footer-addfriend"></a>
                <a href="javascript:" class="footer-love"></a>
            </footer>
            <div class="popover"></div>
            <ul class="table-view table-view2">
                <li class="table-view-cell">
                    <p class="title-p">举报</p>
                    <a class="table-view-cell-a table-select" href="javascript:"><em class="ocheckbox"></em>广告、营销</a>
                    <a class="table-view-cell-a table-select" href="javascript:"><em class="ocheckbox"></em>诈骗、托儿</a>
                    <a class="table-view-cell-a table-select" href="javascript:"><em class="ocheckbox"></em>色情低俗</a>
                    <a class="table-view-cell-a table-select" href="javascript:"><em class="ocheckbox"></em>恶意骚扰、不文明行为</a>
                    <a class="table-view-cell-a table-select" href="javascript:"><em class="ocheckbox"></em>虚假信息</a>
                    <a class="table-view-cell-a table-select" href="javascript:"><em class="ocheckbox"></em>其他</a>
                </li>
                <li class="table-view-cell"><a class="table-view-cell-a table-view-cell-cancel" >取消</a><a class="table-view-cell-a table-view-cell-cancel sure" >确定</a></li>
            </ul>
        </div>
        <script src="js/mui.min.js "></script>
        <script src="js/jquery2.1.0.min.js "></script>
        <!--通用JS，我封装了一些实用JS-->
        <script src="js/common.js"></script>
        <script src="js/config.js"></script>
        <script src="js/personal.js"></script>
    </body>

</html>